.flex{
    display: flex;
    justify-content: space-between;
}
// .fourdiv{
//     // height: 155px;
// }
h1{
    font-weight: bolder;
    font-size: 30px;
}
.colbottom{
    // margin-bottom: 16px;
}
.flexitem{
    margin: 20px 37px;
}
.flexitem2{
    margin: 20px 20px;
}
.flexitem:nth-child(1) .pic{
    background: rgb(24, 144, 255);
}
.flexitem:nth-child(2) .pic{
    background: rgb(239, 156, 32);
}
.flexitem:nth-child(3) .pic{
    background: rgb(245, 108, 108);
}
.flexitem:nth-child(4) .pic{
    background: rgb(232, 182, 0);
}
.flexitem:nth-child(5) .pic{
    background: rgb(75, 202, 213);
}
.flexitem:nth-child(6) .pic{
    background: rgb(24, 144, 255);
}
.pic{
    text-align: center;
    height: 58px;
    line-height: 58px;
    background: red;
    color: white;
}
.pic2{
    width: 58px;
    margin-right: 16px;
    
}
.text{
    text-align: center;
    height: 58px;
    line-height: 58px;
}


.column_center{
   
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 17px;
}

.box1{
    width: 675px;
    height: 100px;
    display: flex;
    background: #f2f6ff;
    justify-content: space-between;
    align-items: center;
    
}
.one{
    width: 311px;
    height: 104px;
    background: #1890ff;
    transform: perspective(5em) rotateX(-11deg);
     margin-top: 10px; 
     text-align: center; 
    color: #fff;
    font-size: 17px;
   
}
.box2{
    width: 635px;
    height: 100px;
    display: flex;

    background: #f1fffa;
    justify-content: space-between;
    align-items: center;
}
.two{
    width: 230px;
    height: 103px;
    background: #4bcad5;
    -webkit-transform: perspective(7em) rotateX(-20deg);
    transform: perspective(7em) rotateX(-20deg);
    margin-left: -62px;
    margin-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.box3{
    width: 592px;
    height: 100px;
    display: flex;

    background: #f3f4f8;
    justify-content: space-between;
    align-items: center;
}
.three{
    width: 145px;
    height: 92px;
    background: #5e7092;
    -webkit-transform: perspective(3em) rotateX(-13deg);
    transform: perspective(3em) rotateX(-13deg);
    margin-left: -22px;
    margin-top: 21px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.between{
    display: flex;
    justify-content: space-between;
}